<template>
  <!-- <div>son -- {{ value }} -- {{ num }} <button @click="fn">changeMsg</button>
    <button @click="changeNum">changeNum</button>
  </div> -->
  <div>
    {{ msg }} <button @click="changeMsg">changeMsg</button>
    {{ num }} <button @click="changeNum">changeNum</button>
  </div>
</template>

<script>
export default {
  // props: ['value', 'num'],
  // methods: {
  //   fn() {
  //     this.$emit('input', 'aaa')
  //   },
  //   changeNum() {
  //     this.$emit('changeNum', 1)
  //   }
  // }
  props: ['msg', 'num'],
  methods: {
    changeMsg() {
      // 自定义事件名 必须是 update:属性
      this.$emit('update:msg', 'aaa')
    },
    changeNum() {
      this.$emit('update:num', 1)
    }
  }
}
</script>

<style>

</style>
